<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			input:invalid{
				border:1px solid red;
			}
			input:valid{
				border:1px solid blue;
			}
			/*焦点下的背景颜色变成红色*/
			input:focus{
				background: red;
			}
		</style>
	</head>
	<body>
		<form action="">
			姓名： <input type="text" required="" name="" id="" />
			邮箱 <input type="email" name="" id="" /><br />
			连接 <input type="url" name="" id="" /><br />
			
			<input type="submit" value="提交" />
			
		</form>
	</body>
</html>
